<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
    .login{
    position:fixed; top: 213px;left: 140px;
    width:10%;/*宽度*/
    height: 10px;/*高度*/
    border-radius: 10%; /*盒子边框圆角设置*/
    background-color: lightgray;
    }    .login{
    position:fixed; top: 213px;left: 140px;
    width:6%;/*宽度*/
    height: 5px;/*高度*/
    border-radius: 10%; /*盒子边框圆角设置*/
    background-color: lightgray;
    }</style>
</head>
<body>
<div class="login">   <a href="#" style="font-size:20px;position: fixed;top: 200px;left:  140px;" >登录 login</a>  </div>

<style type="text/css">
    .a ul li ul{
        display: none;/*将 二级 菜单隐藏起来*/
    }
    .a ul li:hover ul{
        display: block;/*当鼠标移动到一级标签后，ul即二级菜单显示出来*/
    }
</style>
</body>
</html>